@font-face {
font-family: Raleway;
src: url(raleway_thin.eot);
src: local(raleway_thin), url(raleway_thin.ttf) format(opentype);
}
body {
width: 900px;
margin: 0 auto;
padding: 29px;
/*border: 1px solid #233;
border-top: none;*/
background: #FFF;
font: 82%/1.4 Verdana, Arial, Helvetica, sans-serif;
}
h1 {
float: left;
margin-top: 0;
font-family: Raleway, Georgia, Times, Times New Roman, serif;
}
h2,h3 {
font-family: Georgia, Times, Times New Roman, serif;
}
.header {
border-bottom: 5px solid #191970;;
}
.navigation {
float: right;
/*margin: 0;*/
list-style: none;
}

.navigation li {
float: left;
}
.navigation a {
display: block;
margin-left: 0.5em;
padding: 0.5em;
border: 1px solid #CCC;
color: #191970;
text-decoration: none;
}
.navigation a:focus,
.navigation a:hover {
background: #191970;
color: #FFF;
}

.login{
float: right;
}

.formInput input{
width: 181px;
}
.formInput label,input,select{
display: block;
float: left;
margin-bottom: 10px;
}

option{
	width:160px;
}

.formInput label {
text-align: left;
width: 170px;
padding-right: 20px;
}

.formInput br {
clear: left;
}

.header .intro {
clear: both;
font-weight: bold;
}
.intro {
font-style: italic;
}

.filters {
float: left;
margin: 0 0 15px 15px;
padding-right: 25px;
/*border-right: 1px solid #CCC;*/
}

.ingredients {
float: left;
margin: 0 0 15px 15px;
padding-right: 25px;
/*border-right: 1px solid #CCC;*/
}
.ingredients h3 {
margin-top: 0;
}
.ingredients th {
text-align: left;
}
.ingredients th,
.ingredients td {
padding: 2px 5px;
}
.ingredients .ingredient {
background-color: #CC5;
}
.ingredients .quantity {
background-color: #CCF;
}

.details {
float: right;
margin: 0 0 15px 15px;
padding-right:200px;
/*border-right: 1px solid #CCC;*/
}

.contents {
/*float: left;*/
margin: 0 0 15px 15px;
padding-right: 25px;
/*border-right: 1px solid #CCC;*/
}
.contents h3 {
margin-top: 0;
}
.contents th {
text-align: left;
}
.contents th,
.contents td {
padding: 2px 5px;
}
.contents .content {
background-color: #CC5;
}
.contents .quantity {
background-color: #CCF;
}
/*
.contents .content td{
vertical-align: top;
}
*/